import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './historyrecord.css'
import { AtList, AtListItem,AtSearchBar } from 'taro-ui'
import {getGlobalData } from '../../../global';
import app from '../../../main.js'
// import reactMixin from 'react-mixin';
// import myJs from '../../pages/historyrecord/historyrecordjs.js'
export default class HistoryRecord extends Component {

  config = {
    navigationBarTitleText: '历史记录'
  }
  // constructor () { 
  //       super(...arguments); 
  //       this.state = this.getData(); 
  //   }
  constructor () {
    super(...arguments)
    this.state = {
      value: ''
    }
  }
  onChange (value) {
    this.setState({
      value: value
    })
  }

  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='history-record'>
         <AtSearchBar
            value={this.state.value}
            onChange={this.onChange.bind(this)}
          />

        <AtList className='list'>
      <AtListItem title='刘小井' note='那是没有问题的' extraText='昨天' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
      <AtListItem title='刘小井' note='这个问题可以理解' extraText='12月20日' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
      <AtListItem title='陈辛勤' note='我是觉得没有问题' extraText='12月20日' thumb={getGlobalData('baseurl')+'img/d3.jpg'}/>
      <AtListItem title='刘小井' note='他说的问题很奇怪' extraText='11月10日' thumb={getGlobalData('baseurl')+'img/d3.jpg'}/>
      <AtListItem title='陈辛勤' note='那不是问题' extraText='11月10日' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
      <AtListItem title='陈辛勤' note='我发现了一个问题' extraText='2018年10月20日' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
      </AtList>
      </View>
    )
  }
}
// reactMixin.onClass(HistoryRecord,myJs);